
h2 {
    border: 0;
    color: rgb(38, 37, 37);
    text-align: left;
    padding: 10px;
    font-size: 2rem;/* 设置字体大小为 2rem，根据需要调整 */
    font-weight: bold; /* 设置字体加粗 */
    }

h3 {
    color: #100000;
    text-align: left;
    font-weight: normal;
    font-size: 1rem; /* 设置字体大小为 1.2rem，根据需要调整 */
    border-bottom: 1px solid #cec7c7; /* 在 h3 标签下方添加一根 2px 粗的实线 */
    padding-bottom: 15px; /* 给 h3 标签添加内边距，避免文本和线条太紧凑 */
    }

.col-md-6 h2 {
    font-size: 1rem; /* 调整字体大小为 1.8rem，根据需要调整 */
}

.custom-outline-gray {
    color: #262525; /* 设置文本颜色 */
    border: 1px solid #262525; /* 设置边框颜色、宽度和样式 */
    background-color: transparent; /* 保持背景色透明 */
    text-align: right; /* 使文本对齐右边 */
}

p {
    color: black; /* 确保文本颜色对比背景色清晰 */
    line-height: 2;
}

body {
    justify-content: center;
    /*align-items: center;*/
    height: 100vh; /* 使内容垂直居中 */
    background-image:  url("/static/uploads/background.jpg");
    background-size: cover; /* 使图片覆盖整个背景 */
    background-position: center; /* 背景图片居中 */
    /*background-repeat: no-repeat; !* 防止背景图片重复 *!*/
}
@media (max-width: 768px) {
    body {
        background-size: contain;
    }
} /* 根据屏幕宽度来调整背景图片 */

.centered-form-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 使容器的高度为视口高度，以便垂直居中 */
}

/* 表单内的 div 元素排列 */
form div {
    margin-bottom: 15px;
}

/* 输入框的样式 */
input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* 登录按钮的样式 */
button[type="submit"] {
    width: 25%;
    padding: 10px;
    background-color: #0e6cea;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}